*{
	padding: 0;
	margin: 0;
}
.wrapper{
	width: 825px;
	height: 650px;
	padding: 25px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	margin: 10px auto;
	display: grid;
	position: relative;
}
.header{
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #bee2fe;
	padding: 0 10px;
}
.length{
	display: flex;
	flex-direction: column;
	margin: 10px;
}
.container{
	background-color: #000000;
	height: 550px;
	display: grid;
	grid-template-columns: repeat(33,25px);
	grid-template-rows: repeat(22,25px);
}
.snakeHeader{
	
	background: url(img/right.png) no-repeat;
	grid-area: 1 / 6 / 2 / 7;
}
.snakeBody{
	background: url(img/body.png) no-repeat;
}
.snakeBody:nth-child(2){
	grid-area: 1 / 5 / 2 / 6;	
}
.snakeBody:nth-child(3){
	grid-area: 1 / 4 / 2 / 5;
}
#snakeFood{
	background: url(img/food.png) no-repeat;
	
}
.options{
	position: absolute;
	left: 40%;
	top: 40%;
	color: white;
	text-align: center;
}